<template>
  <footer class="footer-wrap">
    <div class="footer-content">
      <span class="footer-top-wrap"
        ><span class="label">主办单位: <span class="highlight">河南省发展与改革委员会</span></span
        ><span class="label"
          >共建单位: <span class="highlight">郑州中原科技城管理委员会</span></span
        ></span
      ><span class="footer-bottom-wrap"
        ><span class="label"
          >技术支持:
          <span class="highlight"
            >河南省人才数字科技有限公司 河南金惠普民信息技术股份有限公司 中原金融资产交易中心</span
          ></span
        ></span
      >
    </div>
  </footer>
</template>

<script setup></script>

<style lang="scss" scoped>
.footer-wrap {
  height: 40px;
  border-top: 1px solid #79b4f0;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.footer-content,
.footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.footer-content .highlight {
  color: #000;
}

.footer-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.footer-bottom-wrap,
.footer-top-wrap .label + .label {
  margin-left: 64px;
}
.label {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7a7a7a;
  white-space: pre;
}
</style>
